{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
    <title>Title</title>
</head>
<body>
<div class="letf col-md-4">
    <div class="bs-example" data-example-id="simple-nav-stacked">
        <ul class="nav nav-pills nav-stacked nav-pills-stacked-example">
            <li role="presentation" class="active"><a href="#">图书管理系统</a></li>
            {% for x in inof_list %}
                <li role="presentation"><a href="#">{{ x }}</a></li>
            {% endfor %}
        </ul>
    </div>
</div>
<div class="right col-md-8">
        <div class="bs-example" data-example-id="simple-nav-stacked">
        <ul class="nav nav-pills nav-stacked nav-pills-stacked-example">
            <li role="presentation" class="active"><a href="#">图书管理系统</a></li>
        </ul>
    </div>
    <div class="bs-example" data-example-id="form-inline-with-input-group">
        <form class="form-inline">
            <div class="form-group">
                <label class="sr-only" for="exampleInputAmount">Amount (in dollars)</label>
                <div class="input-group">
                    <input type="text" class="form-control" id="exampleInputAmount" placeholder="关键字">
                </div>
            </div>
            <button type="submit" class="btn btn-primary">Search</button>
        </form>
    </div>
    <div class="bs-example" data-example-id="bordered-table">
        <table class="table table-bordered">
            <thead>
            <tr>
                <th>编号</th>
                <th>名称</th>
                <th>作者</th>
                <th>价钱</th>
            </tr>
            </thead>
            <tbody>
            {% for y in book_info %}
                <tr>
                    <th scope="row">{{ y.编号 }}</th>
                    <td>{{ y.名称 }}</td>
                    <td>{{ y.作者 }}</td>
                    <td>{{ y.价钱 }}</td>
                </tr>
            {% endfor %}


            </tbody>
        </table>
    </div>
</div>
</body>
</html>